﻿<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=utf-8'>
<title>欢迎来到微博地图</title>
</head>
<body>
<div style='width:500px;height:200px;border:1px solid #999999;background-color:#b6eafd;'>
<div style='width:430px;height:160px;margin-left:35px;margin-top:20px;border:1px solid #999999;background-color:#bbffff;'>
	<table id='moodLib' style='border:1px solid #cccccc;background-color:#eeeeff;position:absolute;margin-left:60px;margin-top:29px;display:none;z-index:1;'>
	<tr>
	<td><img style='border:1px solid #eeeeff;' src='img/weixiao.gif' onclick='document.getElementById(&quot;mood&quot;).src=&quot;img/weixiao.gif&quot;,document.getElementById(&quot;moodLib&quot;).style.display=&quot;none&quot;;' onmouseover='this.style.borderColor=&quot;#8899cc&quot;' onmouseout='this.style.borderColor=&quot;#eeeeff&quot;'></td>
	<td><img style='border:1px solid #eeeeff;' src='img/xixi.gif' onclick='document.getElementById(&quot;mood&quot;).src=&quot;img/xixi.gif&quot;,document.getElementById(&quot;moodLib&quot;).style.display=&quot;none&quot;;' onmouseover='this.style.borderColor=&quot;#8899cc&quot;' onmouseout='this.style.borderColor=&quot;#eeeeff&quot;'></td>
	<td><img style='border:1px solid #eeeeff;' src='img/haha.gif' onclick='document.getElementById(&quot;mood&quot;).src=&quot;img/haha.gif&quot;,document.getElementById(&quot;moodLib&quot;).style.display=&quot;none&quot;;' onmouseover='this.style.borderColor=&quot;#8899cc&quot;' onmouseout='this.style.borderColor=&quot;#eeeeff&quot;'></td>
	<td><img style='border:1px solid #eeeeff;' src='img/paishou.gif' onclick='document.getElementById(&quot;mood&quot;).src=&quot;img/paishou.gif&quot;,document.getElementById(&quot;moodLib&quot;).style.display=&quot;none&quot;;' onmouseover='this.style.borderColor=&quot;#8899cc&quot;' onmouseout='this.style.borderColor=&quot;#eeeeff&quot;'></td>
	</tr>
	<tr>
	<td><img style='border:1px solid #eeeeff;' src='img/kelian.gif' onclick='document.getElementById(&quot;mood&quot;).src=&quot;img/kelian.gif&quot;,document.getElementById(&quot;moodLib&quot;).style.display=&quot;none&quot;;' onmouseover='this.style.borderColor=&quot;#8899cc&quot;' onmouseout='this.style.borderColor=&quot;#eeeeff&quot;'></td>
	<td><img style='border:1px solid #eeeeff;' src='img/weiqu.gif' onclick='document.getElementById(&quot;mood&quot;).src=&quot;img/weiqu.gif&quot;,document.getElementById(&quot;moodLib&quot;).style.display=&quot;none&quot;;' onmouseover='this.style.borderColor=&quot;#8899cc&quot;' onmouseout='this.style.borderColor=&quot;#eeeeff&quot;'></td>
	<td><img style='border:1px solid #eeeeff;' src='img/kuqi.gif' onclick='document.getElementById(&quot;mood&quot;).src=&quot;img/kuqi.gif&quot;,document.getElementById(&quot;moodLib&quot;).style.display=&quot;none&quot;;' onmouseover='this.style.borderColor=&quot;#8899cc&quot;' onmouseout='this.style.borderColor=&quot;#eeeeff&quot;'></td>
	<td><img style='border:1px solid #eeeeff;' src='img/daku.gif' onclick='document.getElementById(&quot;mood&quot;).src=&quot;img/daku.gif&quot;,document.getElementById(&quot;moodLib&quot;).style.display=&quot;none&quot;;' onmouseover='this.style.borderColor=&quot;#8899cc&quot;' onmouseout='this.style.borderColor=&quot;#eeeeff&quot;'></td>
	</tr>
	<tr>
	<td><img style='border:1px solid #eeeeff;' src='img/liuhan.gif' onclick='document.getElementById(&quot;mood&quot;).src=&quot;img/liuhan.gif&quot;,document.getElementById(&quot;moodLib&quot;).style.display=&quot;none&quot;;' onmouseover='this.style.borderColor=&quot;#8899cc&quot;' onmouseout='this.style.borderColor=&quot;#eeeeff&quot;'></td>
	<td><img style='border:1px solid #eeeeff;' src='img/cahan.gif' onclick='document.getElementById(&quot;mood&quot;).src=&quot;img/cahan.gif&quot;,document.getElementById(&quot;moodLib&quot;).style.display=&quot;none&quot;;' onmouseover='this.style.borderColor=&quot;#8899cc&quot;' onmouseout='this.style.borderColor=&quot;#eeeeff&quot;'></td>
	<td><img style='border:1px solid #eeeeff;' src='img/bishi.gif' onclick='document.getElementById(&quot;mood&quot;).src=&quot;img/bishi.gif&quot;,document.getElementById(&quot;moodLib&quot;).style.display=&quot;none&quot;;' onmouseover='this.style.borderColor=&quot;#8899cc&quot;' onmouseout='this.style.borderColor=&quot;#eeeeff&quot;'></td>
	<td><img style='border:1px solid #eeeeff;' src='img/fanu.gif' onclick='document.getElementById(&quot;mood&quot;).src=&quot;img/fanu.gif&quot;,document.getElementById(&quot;moodLib&quot;).style.display=&quot;none&quot;;' onmouseover='this.style.borderColor=&quot;#8899cc&quot;' onmouseout='this.style.borderColor=&quot;#eeeeff&quot;'></td>
	</tr>
	<tr>
	<td><img style='border:1px solid #eeeeff;' src='img/fengdou.gif' onclick='document.getElementById(&quot;mood&quot;).src=&quot;img/fengdou.gif&quot;,document.getElementById(&quot;moodLib&quot;).style.display=&quot;none&quot;;' onmouseover='this.style.borderColor=&quot;#8899cc&quot;' onmouseout='this.style.borderColor=&quot;#eeeeff&quot;'></td>
	<td><img style='border:1px solid #eeeeff;' src='img/kun.gif' onclick='document.getElementById(&quot;mood&quot;).src=&quot;img/kun.gif&quot;,document.getElementById(&quot;moodLib&quot;).style.display=&quot;none&quot;;' onmouseover='this.style.borderColor=&quot;#8899cc&quot;' onmouseout='this.style.borderColor=&quot;#eeeeff&quot;'></td>
	<td><img style='border:1px solid #eeeeff;' src='img/zaijian.gif' onclick='document.getElementById(&quot;mood&quot;).src=&quot;img/zaijian.gif&quot;,document.getElementById(&quot;moodLib&quot;).style.display=&quot;none&quot;;' onmouseover='this.style.borderColor=&quot;#8899cc&quot;' onmouseout='this.style.borderColor=&quot;#eeeeff&quot;'></td>
	<td><img style='border:1px solid #eeeeff;' src='img/shuai.gif' onclick='document.getElementById(&quot;mood&quot;).src=&quot;img/shuai.gif&quot;,document.getElementById(&quot;moodLib&quot;).style.display=&quot;none&quot;;' onmouseover='this.style.borderColor=&quot;#8899cc&quot;' onmouseout='this.style.borderColor=&quot;#eeeeff&quot;'></td>
	</tr>
	</table>
	<div style='margin-left:18px;margin-top:5px;'>
	<span style='font-size:12px;margin-left:5px;'>心情：</span><img style='margin-left:3px;' id='mood' src='img/weixiao.gif' onmouseover='document.getElementById(&quot;moodLib&quot;).style.display=&quot;block&quot;;'/>
	</div>
	<div id='wbContentDiv' style='margin-top:5px;margin-left:18px;width:390px;height:75px;border:2px solid #bbbbbb;background-color:#fefefe;'>
	<textarea id='weiBoContent' style='position:absolute;margin-left:5px;margin-top:4px;width:375px;height:62px;font-size:14px;color:#bbbbbb;border:none;background-color:#fefefe;z-index:0;'
		onfocus='document.getElementById(&quot;wbContentDiv&quot;).style.borderColor=&quot;#ffffaa&quot;,this.style.color=&quot;#000000&quot;,this.value=this.value==&quot;写点什么吧...&quot;?&quot;&quot;:this.value;' 
		onblur='document.getElementById(&quot;wbContentDiv&quot;).style.borderColor=&quot;#bbbbbb&quot;,this.style.color=&quot;#bbbbbb&quot;,this.value=this.value==&quot;&quot;?&quot;写点什么吧...&quot;:this.value;'>写点什么吧...</textarea>
	</div>
	<div style='margin-top:5px;margin-left:18px;'>
	<span style='font-size:12px;margin-left:5px;'>您的地理信息为：</span>
	<input id='geoLocation' style='border:1px solid #bbffff;font-size:12px;width:150px;font-color:#888888;background-color:#bbffff;' value=''
		onmouseover='this.style.borderColor=&quot;#ffffaa&quot;' 
		onmouseout='this.style.borderColor=document.activeElement==this?&quot;#ffffaa&quot;:&quot;#bbffff&quot;'
		onfocus='this.style.backgroundColor=&quot;#fefefe&quot;' 
		onblur='this.style.borderColor=&quot;#bbffff&quot;,this.style.backgroundColor=&quot;#bbffff&quot;'/>
	<input type='button' value='发表' style='font-size:12px;margin-left:10px;'/>
	<input type='button' value='取消' style='font-size:12px;margin-left:5px;'/>
	</div>
</div>
</div> 
</body>
</html>